

            <section class="row">
                <div class="col-lg-12">
                    <div>
                        <h1><i class="fa fa-dashboard"></i> Dashboard</h1>
                    </div>
                    <div>
                        <?= $this->breadcrumb->output(); ?>
                    </div>
                </div>
            </section>

        <div class="ajax-container">
            
            <section class="row">
                <div class="col-12">
                    <div id="panel" class="panel panel-default">
                        <div class="panel-heading">
                            <div class="pull-right">
                                <span class="minimax"></span>
                                <button type="button" class="close" aria-hidden="true">&times;</button>
                            </div>
                            <h2 class="panel-title bold"><i class="fa fa-list-alt"></i> Preview Panel</h2>
                        </div>
                        <div class="panel-body">
                            <div class="guideline guideline-sticky bg-info">
                                <i class="fa fa-info-circle fa-lg"></i> Panel Guideline Goes Here.
                            </div>
                            
                            <div id="uploader">
                                <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
                            </div>

                            <script type="text/javascript">
                            // Initialize the widget when the DOM is ready
                            $(function() {
                                // Setup html5 version
                                $("#uploader").pluploadQueue({
                                    // General settings
                                    runtimes : 'html5,flash,silverlight,html4',
                                    url : base_url + "fileuploader/upload",
         
                                    chunk_size : '1mb',
                                    rename : true,
                                    dragdrop: true,
         
                                    filters : {
                                        // Maximum file size
                                        max_file_size : '10mb',
                                        // Specify what files to browse for
                                        mime_types: [
                                            {title : "Image files", extensions : "jpg,gif,png"},
                                            {title : "Zip files", extensions : "zip"}
                                        ]
                                    },
 
                                    // Resize images on clientside if we can
                                    resize: {
                                        width : 200,
                                        height : 200,
                                        quality : 90,
                                        crop: true // crop to exact dimensions
                                    },
 
                                    // Flash settings
                                    flash_swf_url : '/plupload/js/Moxie.swf',
     
                                    // Silverlight settings
                                    silverlight_xap_url : '/plupload/js/Moxie.xap'
                                });
                            });
                            </script>
                            
                            Content Goes Here ...
                        </div>
                        <div class="panel-footer">
                            <div class="align-center">
                                Footer
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- page script -->
            <?php echo isset($template['metadata']) ? $template['metadata'] : ''; ?>
            
            <!-- page-script -->
            <script src="<?= base_url() ?>js/scripts/fileuploader.js"></script>
        </div>